import { createApp } from "vue";
//import { createPinia } from "pinia";
//import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

import ElementPlus from 'element-plus'
import App from './App.vue'
import router from './router'
import pinia from "./store";
//import theme
import './theme/index.scss'

//import unocss
import 'uno.css'

//i18n  国际化
import { i18n, setupI18n } from '@/lang'

import '@/styles/index.scss' // global css

//svg-icon
import 'virtual:svg-icons-register'
import svgIcon from '@/icons/SvgIcon.vue'




import directives from "@/directives";
//import element-plus
import 'element-plus/dist/index.css'

//以上未导入全部内容
//import element-plus svg icon
import ElSvgIcon from "@/lib/el-svg-icon"

const app=createApp(App)
app.use(ElSvgIcon)
//router
app.use(router)




//pinia
// const pinia = createPinia()
// pinia.use(piniaPluginPersistedstate)
app.use(pinia)


app.component('SvgIcon', svgIcon)
app.use(setupI18n)

directives(app)
//element-plus
app.use(ElementPlus)

app.mount('#app')

const objA={x:1,y:2}
const objB={x:3,z:4}
const objC={...objA,...objB}
console.log(objC);//x=3,y=2,z=4

console.log('hello',"hello 1".startsWith("Hello"));

